<template>
  <div class="input">
    <input type="text" v-model="message">
    <div>{{ message }}</div>
  </div>
</template>
<script>
// import { ref } from 'vue'
import useDebouncedRef from '../hooks/CustomRef'
export default {
  setup () {
    const message = useDebouncedRef('hello world')
    return {
      message
    }
  }
}
</script>
<style scoped>
</style>
